<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为 - 构建万物互联的智能世界</title>
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/pc.css">
    <link rel="stylesheet" href="./css/pad.css" media="(max-width:1024px)">
    <link rel="stylesheet" href="./css/phone.css" media="(max-width:991px)">
</head>
<body>
    <div class="top-bar pad-hide">
        <div class="wrap top-in">
           <ul>
            <li>
                <i class="iconfont icon-fenlei"></i>
                <span>集团网站</span>
                <i class="iconfont icon-xialajiantouxiao"></i>
            </li>

            <li>
                <i class="iconfont icon-yuyan"></i>
                <span>选择区域/语言</span>
                <i class="iconfont icon-xialajiantouxiao"></i>
            </li>

            <li>
                <i class="iconfont icon-denglu-copy"></i>
                <span>登录</span>
            </li>
        </ul> 
        </div>
    </div>
    <div class="header">
        <div class="wrap header-in">
            <!-- logo -->
            <h1 class="logo "><a href="#"><img src="./images/huawei_logo.png" alt=""></a></h1>
            <!-- 头部中间导航栏 -->
            <ul class="nav pad-hide">    
                <li><a href="">个人及家庭产品</a></li>
                <li><a href="">商用产品及方案</a></li>
                <li><a href="">服务支持</a></li>
                <li><a href="">合作伙伴与开发者</a></li>
                <li><a href="">关于华为</a></li>
            </ul>
            <!-- 头部右侧搜索框 -->
            <div class="head-r">
                <a href="#" class="pad-hide"><i class="iconfont icon-gouwudai "></i> 在线购买 <i class="iconfont icon-xialajiantouxiao"></i></a>
                <a href="#"><i class="iconfont icon-sousuoxiao pad-hide"></i></a>

                <a href=""><i class="iconfont icon-sousuoxiao pc-hide pad-show" ></i></a>
                <a href=""><i class="iconfont icon-gengduo1 pc-hide pad-show" ></i></a>
            </div>
        </div>
    </div>
    <!-- banner 部分 -->
    <!-- 设置con最大宽度 -->
    <div class="con">
        <div class="banner">
            <a href=""><img src="./images/banner1.jpeg" alt="" class="phone-hide"></a>
            <a href=""><img src="./images/phoneBanner.jpeg" alt="" class="pc-hide phone-show"></a>
        </div>

        <div class="w recommend phone-hide">
            <h3>推荐信息</h3>
            <ul class="item01">
                <li>
                    <a href="#">
                        <img src="./images/list01.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/list02.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
            </ul>

            <ul class="item01 item02">
                <li>
                    <a href="#">
                        <img src="./images/list03.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/list04.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
            </ul>

            <ul class="item01" id="item03">
                <li>
                    <a href="#">
                        <img src="./images/list05.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/list06.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/list07.jpeg" alt="">
                        <div class="txt">
                            <span>产品</span>
                            <h4>HUAWEI MateBook X Pro</h4>
                            <p>入目惊鸿</p>
                            <p class="btn">了解更多 ></p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>




<!-- 移动端  内容 -->
<div class="w recommend pc-hide phone-show">
    <h3>推荐信息</h3>
    <ul class="item">
        <li>
            <a href="#">
                <img src="./images/list01.jpeg" alt="">
                <div class="txt">
                    <span>产品</span>
                    <h4>HUAWEI MateBook X Pro</h4>
                    <p>入目惊鸿</p>
                    <p class="btn">了解更多 ></p>
                </div>
            </a>
        </li>


        <li>
            <a href="#">
                <img src="./images/list04-m.jpeg" alt="">
                <div class="txt">
                    <span>产品</span>
                    <h4>HUAWEI MateBook X Pro</h4>
                    <p>入目惊鸿</p>
                    <p class="btn">了解更多 ></p>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./images/list05.jpeg" alt="">
                <div class="txt">
                    <span>产品</span>
                    <h4>HUAWEI MateBook X Pro</h4>
                    <p>入目惊鸿</p>
                    <p class="btn">了解更多 ></p>
                </div>
            </a>
        </li>
  
        <li>w
            <a href="#">
                <img src="./images/list06.jpeg" alt="">
                <div class="txt">
                    <span>产品</span>
                    <h4>HUAWEI MateBook X Pro</h4>
                    <p>入目惊鸿</p>
                    <p class="btn">了解更多 ></p>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./images/list07.jpeg" alt="">
                <div class="txt">
                    <span>产品</span>
                    <h4>HUAWEI MateBook X Pro</h4>
                    <p>入目惊鸿</p>
                    <p class="btn">了解更多 ></p>
                </div>
            </a>
        </li>
    </ul>
</div>
<!-- /移动端  内容 -->



<!-- /banner 部分 -->


    <!-- 科学小课堂 -->
        <div class="techclass">
            <img src="./images/techclass.jpeg" alt="" class="phone-hide">
            <img src="./images/techclass-m.jpeg" alt="" class="pc-hide phone-show">
            <a href="#" class="phone-hide">了解更多</a>
        </div>
        <!-- /科学小课堂 -->
    </div>
    
    

<!-- 新闻与活动 -->
<div class="w news">
    <h3>新闻与活动</h3>
    <ul>
        <li>
            <a href="#">
                <img src="./images/news01.jpg" alt="">
                <div class="newstxt">
                    <h5>2022世界移动大会</h5>
                    <i class="iconfont icon-dingwei"></i><b>西班牙，巴塞罗那</b>
                    <i class="iconfont icon-rili"></i><b>2022年2月28日</b>
                    <p>面向未来，华为与全球运营商、合作伙伴一起，打造极简、绿色、智能的ICT基础设施，坚持科技向善，致力于以创新的技术和产品解决方案让生活更美好、商业更...</p>
                </div>
            </a>
        </li>

        <li class="news-two">
            <a href="#">
                <img src="./images/news02.jpg" alt="">
                <div class="newstxt">
                    <h5>2022世界移动大会</h5>
                    <i class="iconfont icon-dingwei"></i><b>西班牙，巴塞罗那</b>
                    <i class="iconfont icon-rili"></i><b>2022年2月28日</b>
                    <p>面向未来，华为与全球运营商、合作伙伴一起，打造极简、绿色、智能的ICT基础设施，坚持科技向善，致力于以创新的技术和产品解决方案让生活更美好、商业更...</p>
                </div>
            </a>
        </li>

        <li>
           
                <div class="newstxt" id="third">
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    <a href="">
                        <h6>华为携手Telenor打造绿色天线样板点，探索节能减排新思路</h6>
                    <span>2022年03月03日</span> 
                    </a>
                    
                    
                </div>
        </li>
    </ul>
    <!-- 按钮 -->
    
</div>
    <div class="w butt">
        <div class="butt-l"><a href="">更多活动</a> </div>
        <div class="butt-l"><a href="">更多新闻</a> </div>
    </div> 
<!-- /按钮 -->
<div class="footer">
    <div class="w foot-top">
            <span class="phone-hide">首页</span>
            <div class="foot-top-r">
                <input type="text" placeholder="huawei">
                <i class="iconfont icon-sousuoxiao"></i>
            </div>
    </div>
    <div class="w foot">
        
        <dl>
            <dt class="c"><a href="">关于华为</a></dt>
            <dd><a href="">可持续发展</a></dd>
            <dd><a href="">信任中心</a></dd>
            <dd><a href="">管理层信息</a></dd>
            <dd><a href="">招贤纳士</a></dd>
            <dd><a href="">供应商</a></dd>
            <dd><a href="">查看更多 ></a></dd>
        </dl>
        <dl>
            <dt><a href="">可持续发展</a></dt>
            <dd><a href="">信任中心</a></dd>
            <dd><a href="">供应商</a></dd>
            <dd><a href="">查看更多 ></a></dd>
        </dl>
        <dl>
            <dt><a href="">发现华为 </a></dt>
            <dd><a href="">可持续发展</a></dd>
            <dd><a href="">信任中心</a></dd>
            <dd><a href="">管理层信息</a></dd>
            <dd><a href="">招贤纳士</a></dd>
            <dd><a href="">供应商</a></dd>
            <dd><a href="">查看更多 ></a></dd>
        </dl>
        <dl>
            <dt><a href="">我们的产品</a></dt>
            <dd><a href="">可持续发展</a></dd>
            <dd><a href="">信任中心</a></dd>
            <dd><a href="">供应商</a></dd>
            <dd><a href="">查看更多 ></a></dd>
        </dl>
        <dl>
            <dt><a href="">技术支持</a></dt>
            <dd><a href="">可持续发展</a></dd>
            <dd><a href="">信任中心</a></dd>
            <dd><a href="">管理层信息</a></dd>
            <dd><a href="">招贤纳士</a></dd>
            <dd><a href="">供应商</a></dd>
            <dd><a href="">查看更多 ></a></dd>
        </dl>
    </div>
    <div class="w foot-bottom">
        <ul class="bottom-l">
            <li>华为商城</li>
            <li>华为云</li>
            <li>华为智能光伏</li>
            <li>产品定义社区</li>
            <li>华为心声社区</li>
        </ul>
        <ul class="bottom-r">
            <a href=""><li class="iconfont icon-xinlangweibo"></li></a>
            <a href=""><li class="iconfont icon-linkedin"></li></a>
            <a href=""><li class="iconfont icon-weixin"></li></a>
            <a href=""><li class="iconfont icon-toutiaoyangshi"></li></a>
            <a href=""><li class="iconfont icon-zhihu-square-fill"></li></a>
        </ul>
    </div>
</div>
<div class="end">
    <div class="end-l">
        <span>&copy;2022 华为技术有限公司</span>
        <a>粤A2-20044005号</a> 
        <a>粤公网安备44030702002388号</a>
    </div>
    <span class="phone-hide">|</span>
    <div class="end-r">
        <a>联系我们</a>
        <a>法律声明</a>
        <a>隐私政策</a>
        <a>除名查询</a>
    </div>
    
</div>
</body>
</html>     